// flex布局
.flex(@dir: row, @justify: space-between, @align: center, @wrap: wrap) {
    display: flex;
    flex-direction: @dir;
    justify-content: @justify;
    align-items: @align;
    flex-wrap: @wrap;
}

// border 1px
.border-1px(@position: bottom, @color: #EAEAEA, @height: 1px, @width: 100%) {
    position: relative;

    &::after {
        content: " ";
        display: block;
        position: absolute;
        @{position}: 0;
        left: 0;
        width: @width;
        height: @height;
        background-color: @color;
        transform: scaleY(0.5);
    }
}